<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1862834_v7gt6zrea6e.css">
</head>
<body>
    <div class="nav"> 
        <ul class="menu">
            <li><a href="#">新闻</a></li>
            <li><a href="#">hao123</a></li>
            <li><a href="#">地图</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">贴吧</a></li>
            <li><a href="#">学术</a></li>
            <li><a href="#">更多</a></li>
        </ul>
        <ul class="right">
            <li><a href="#" class="covid-19">抗击肺炎</a></li>
            <li class="weather">
                <a href="#">攀枝花
                <i class="iconfont icon-iconset0462"></i>
                <p>32℃</p>
                <i class="iconfont icon-youzhi"></i>
                </a>
                <div class="drop-weather">
                    <div class="drop-top">
                        <span class="date">06月04日</span>
                        <span class="moondate">农历 闰四月十三</span>
                        <span class="fur">未来七天天气</span>
                        <span class="loc"><a href="#"><i class="iconfont icon-dingwei"></i>切换</a></span>
                    </div>
                    <div class="prediction">
                        <p>今天(周四)</p>
                        <i class="iconfont icon-iconset0462"></i>
                        <p>30℃</p>
                        <p>多云</p>
                        <p>西南风3-4级</p>
                    </div>
                    <div class="prediction">
                        <p>明天(周五)</p>
                        <i class="iconfont icon-iconset0462"></i>
                        <p>21~32</p>
                        <p>多云转阵雨</p>
                        <p>无持续风向微风</p>
                    </div>
                    <div class="prediction">
                        <p>后天(周六)</p>
                        <i class="iconfont icon-xiayu"></i>
                        <p>21~33</p>
                        <p>雷阵雨转阴</p>
                        <p>无持续风向微风</p>
                    </div>
                    <div class="prediction">
                        <p>6月7日周日</p>
                        <i class="iconfont icon-iconset0462"></i>
                        <p>22~36</p>
                        <p>多云</p>
                        <p>无持续风向微风</p>
                    </div>
                    <div class="prediction">
                        <p>6月8日周一</p>
                        <i class="iconfont icon-iconset0462"></i>
                        <p>23~35</p>
                        <p>多云转小雨</p>
                        <p>无持续风向微风</p>
                    </div>
                </div>
            </li>
            <li><a href="#">设置</a></li>
            <li class="adm">
                <a href="#">
                    <i class="iconfont icon-touxiang"></i>
                    <p>嚯嚯哈哈嘿嘿</p>
                </a>
                <div class="drop-menu">
                    <a href="#">个人中心</a>
                    <a href="#">消息</a>
                    <a href="#">账号设置</a>
                    <a href="#">切换账号</a>
                    <a href="#">退出登录</a>
                </div>
            </li>
        </ul>
    </div>  
    <div class="logo">
        <a><img src="images/logo.png"></a>
    </div>
    <div class="search">
        <input type="text">
        <button class="camera"></button>
        <button class="sure">百度一下</button>
    </div>
</body>
</html>